<div class="content">
    <ul class="breadcrumb">
        <li><a href="index.html">简历管理</a></li>
        <li class="active">中文</li>
    </ul>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading"><i class="glyphicon glyphicon-list-alt"></i>&nbsp;基本信息</div>
                    <div class="panel-body">
                        <div class="form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">用户名</label>
                                <div class="col-sm-6">
                                    <input type="text" class="form-control" id="cname" placeholder="Chinese Name">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">家乡</label>
                                <div class="col-sm-6 form-inline" id="city_1">
                                        <select class="form-control prov sel"></select> 
                                        <select class="form-control city sel" disabled="disabled"></select>
                                        <select class="form-control dist sel" disabled="disabled"></select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">居住地</label>
                                <div class="col-sm-6 form-inline" id="city_2">
                                        <select class="form-control prov sel"></select> 
                                        <select class="form-control city sel" disabled="disabled"></select>
                                        <select class="form-control dist sel" disabled="disabled"></select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">邮箱</label>
                                <div class="col-sm-6">
                                    <input type="text" class="form-control" id="email" placeholder="Email">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">手机</label>
                                <div class="col-sm-6">
                                    <input type="text" class="form-control" id="cellphone" placeholder="Cellphone">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">微信二维码</label>
                                <div class="col-sm-6 form-inline">
                                    <input type="text" class="form-control" id="cellphone" placeholder="QR code">
                                    <button  class="btn btn-primary form-control" id="upload">上传</button>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-3">
                                    <button  class="btn btn-primary form-control" id="save">保存</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
         $("#city_1").citySelect({
                prov:"上海",
                nodata:"none"
        });
        $("#city_2").citySelect({
                prov:"上海",
                nodata:"none"
        });
    });
</script>